//1. 引入 useState
import {useState} from 'react';

export default function Test(){
    // const [isNight, changeData] = useState(state 的初始值);
    //2. 定义状态初始值, 改变状态的函数
    const [isNight, changeData] = useState(false);

    function change(){
        changeData(!isNight);
    }
    //3. 在视图中使用变量控制
    return <div>
        你好至尊宝, 我是{isNight ? '青霞仙子' : '紫霞仙子'}
        <button onClick={change}>切换</button>
    </div>
}